/* 
 * 全局字体样式设置
 * 统一系统中的字体大小
 * 五号字体对应约为10.5pt或14px
 */

// 设置全局默认字体大小
:root {
  --font-size-base: 14px;  // 五号字体对应的像素值
  --font-size-small: 13px;
  --font-size-smaller: 12px;
  --font-size-mini: 11px;
  --font-size-large: 16px;
  --font-size-larger: 18px;
}

// 全局基础字体设置
body {
  font-size: var(--font-size-base);
  line-height: 1.5;
}

// 表格字体
.el-table {
  font-size: var(--font-size-base) !important;
  
  th {
    font-size: var(--font-size-base) !important;
  }
  
  .el-table__body {
    font-size: var(--font-size-base) !important;
  }
}

// 表单字体
.el-form {
  font-size: var(--font-size-base) !important;
  
  .el-form-item__label {
    font-size: var(--font-size-base) !important;
  }
  
  .el-form-item__content {
    font-size: var(--font-size-base) !important;
  }
}

// 按钮字体
.el-button {
  font-size: var(--font-size-base) !important;
}

// 输入框字体
.el-input {
  font-size: var(--font-size-base) !important;
}

// 下拉菜单字体
.el-dropdown-menu {
  font-size: var(--font-size-base) !important;
}

// 弹窗字体
.el-dialog {
  .el-dialog__title {
    font-size: var(--font-size-large) !important;
  }
  
  .el-dialog__body {
    font-size: var(--font-size-base) !important;
  }
}

// 菜单字体
.el-menu-item, .el-submenu__title {
  font-size: var(--font-size-base) !important;
}

// 标签页字体
.el-tabs__item {
  font-size: var(--font-size-base) !important;
}

// 分页字体
.el-pagination {
  font-size: var(--font-size-base) !important;
}

// 树形控件字体
.el-tree {
  font-size: var(--font-size-base) !important;
}

// 卡片字体
.el-card {
  .el-card__header {
    font-size: var(--font-size-base) !important;
  }
}

// 覆盖Element UI中的其他组件字体大小
.el-select-dropdown__item,
.el-cascader__label,
.el-date-table,
.el-date-editor,
.el-radio,
.el-checkbox,
.el-tag,
.el-badge,
.el-alert,
.el-message,
.el-notification,
.el-popover,
.el-tooltip {
  font-size: var(--font-size-base) !important;
} 